<!DOCTYPE html>
<html>
<haad>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</haad>

<body>

<!-- <input id="file" accept="image/*" type="file"/>  -->
<div id="graph" style="overflow: hidden;margin-top:0px;background-color: #000">

</div>

<!--
	<svg xmlns="http://www.w3.org/2000/svg" class="svg">
		<g id="container">
			<image id="image" x="0" y="0" width="500" height="500" xlink:href="uploadFiles/3.jpg" class="image"/>
			<path stroke-linejoin="round" stroke-linecap="round" fill-rule="evenodd" stroke="#FFFF00" stroke-width="2" stroke-dasharray="none" fill="#ffff00" stroke-opacity="0.7" fill-opacity="0.3" style="cursor: pointer; user-select: none;" d="M 196 409 L 290 257 439 187 528 138 582 96 578 33 646 -15 688 11 773 -28 867 6 788 81 928 115 722 297 445 436 368 339 264 445 196 409"></path>
		</g>
	</svg>
-->
</body>
</html>
<script type="text/javascript" src="js/wGraph.js"></script>
<script type="text/javascript">
//upLoader.upload(document.getElementById("file"),"/restful/upload");

wGraph.init({
	container:document.getElementById("graph"),
	src : "uploadFiles/1.jpg",
	height : document.documentElement.clientHeight-100,
	width : document.documentElement.clientWidth,
});


/*
var svg = document.getElementsByTagName("svg")[0];
var g = document.getElementById("container");
svg.onmousedown = function(e){
	g.style.transform = "translate(100px,100px)";

	console.log(svg.parentNode.offsetTop);
}

document.onclick = function(e){
	g.style.transform = "scale(2)";
}
*/
</script>
